@cccc:blue;
@clockr:500px;
@kk:50%;
@hourslen:60px;
@minlen:140px;
@secondlen:80px;
@myimg:100px;
#colors() {
    a: blue;
    b: #C4161C;
    c: white;
  }
.div-0{
  width: 100%;
  background-color: #colors[c];
  align-items: center;
  justify-content: center;
  }
.tnc{
  margin-left: 20%;
  width: 60%;
  height: 250px; 
  font-size: 30px;
  background-color: #colors[b];  
  text-align: center;

}
.btnc{
    color: honeydew;
 
    border: 5px solid yellowgreen;
    border-bottom: none;
    .tnc

} 
.endt{
  color: honeydew;
  border: 5px solid yellowgreen;
  border-top: none;
 .tnc
}
.clock{
  width: @clockr;
  height: @clockr;
  margin-left: calc(@kk - (@clockr/2));
  background-color: #colors[a];
  background-image: url('/img/view.jpg');
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position: center center;
  border-radius: 50%;
  .hours{
    float: left;
    position: absolute;
    width: 4px;
    height: calc((@clockr/2) - @hourslen);
    margin-top: @hourslen;
    background-color: black;
    margin-left: calc(@clockr/2);
    transform: rotateZ(45deg);
    transform-origin:50% 100%;
  }
  .mints{
    float: left;
    position: absolute;
    width: 3px;
    height: calc((@clockr/2) - @minlen);
    margin-top: @minlen;
    background-color: grey;
    margin-left: calc(@clockr/2);
    transform: rotateZ(90deg);
    transform-origin:50% 100%;
  }
  .seconds{
    float: left;
    position: absolute;
    width: 2px;
    height: calc((@clockr/2) - @secondlen);
    margin-top: @secondlen;
    background-color: rgb(124, 109, 9);
    margin-left: calc(@clockr/2);
    transform: rotateZ(90deg);
    transform-origin:50% 100%;

  }
}
.syz{
  width: 50px;
  height: 50px;
  background-image: url(./img/syz.jpg);
}
.touchfish{
  width: @myimg;
  height: @myimg;
  margin-left:calc(50% - @myimg/2);
  background-image: url(./img/my.jpg);
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.finmy{
  margin-top: 5%;
  width: @myimg;
  margin-left:calc(50% - @myimg/2);
}
.line{
  width: 5px;
  height: @clockr;
  background-color: #colors[b];
}